/** 全局变量 以 g- 为前缀 **/

//边框样式，解决1px问题
$g-border-color: #ccc;
$g-border-left-1px: -1px 0 1px -1px $g-border-color;
$g-border-right-1px: 1px 0 1px -1px $g-border-color;
$g-border-top-1px: 0 -1px 1px -1px $g-border-color;
$g-border-bottom-1px: 0 1px 1px -1px $g-border-color;

.g-border-1px {
  box-shadow: $g-border-left-1px,
  $g-border-right-1px,
  $g-border-top-1px,
  $g-border-bottom-1px
}

.g-border-left-1px {
  border-left: none !important;
  box-shadow: $g-border-left-1px;
}

.g-border-right-1px {
  border-right: none !important;
  box-shadow: $g-border-right-1px;
}

.g-border-bottom-1px {
  border-bottom: none !important;
  box-shadow: $g-border-bottom-1px;
}

.g-border-top-1px {
  border-top: none !important;
  box-shadow: $g-border-top-1px;
}

@mixin g-border-bottom-1px {
  @extend .g-border-bottom-1px
}

@mixin g-border-top-1px {
  @extend .g-border-top-1px
}

.g-hide {
  display: none;
}

.g-modal-share {
  .action-sheet-button {
    display: inline-block;
    width: 25%;
    margin-bottom: 20px;
    .button-inner{
      display: block;
      text-align: center;
      font-size: 12px;
      color: rgba(0,0,0,0.4);
      ion-icon{
        height: 50px;
        width: 50px;
        display: block;
        margin: 18px auto;
      }
    }
  }
  .action-sheet-group-cancel{
    .action-sheet-button{
      width: 100%;
      margin-bottom: 0;
      background: #f1f1f1;
      height: 60px;
      line-height: 60px;
      .button-inner{
        font-size: 1.6rem;
        color: rgba(0,0,0,0.2);
      }
    }
  }
  .action-sheet-group{
    &:first-child{
      padding-top: 0;
      .action-sheet-title{
        padding-top: 17px;
      }
    }
    &:last-child{
      padding-top: 10px;
      padding-bottom: 0;
    }
  }
  .ion-ios-weixin-friend{
    background: url("../assets/imgs/icon_wechat.png");
    background-size: cover;
  }
  .ion-ios-weixin{
    background: url("../assets/imgs/icon_friend.png");
    background-size: cover;
  }
  .ion-ios-weibo{
    background: url("../assets/imgs/icon_blog.png");
    background-size: cover;
  }
  .ion-ios-qq{
    background: url("../assets/imgs/icon_qq.png");
    background-size: cover;
  }
}
